<template>
   <div class="box">   
       <div class="box1">
         <img src="../image/2.jpeg" alt="">
         <p class="p">无论是工作，学习，还是生活，总有许许多多需要记忆的事情。</p>
         <p>各人科目的作业</p>
         <p>一项项待做的工作</p>
         <p>*还没购置的日用品</p>
         <p>*等车途中的灵光一闪</p>
         <p>*偶然看到的宝藏诗句</p>
       </div>
       <router-link to="/news" class=" el-icon-plus">
        <p class="p1">新建</p>
       </router-link>
       <router-view></router-view>
   </div>
</template>

<script>
export default {
  
}
</script>

<style scoped>
    .box1 img{
        width: 300px;
        border-radius: 10px;
        position: relative;
        top: 12px;
        left: -30px;
    }
    p{
        margin-left: 10px;
        text-align: left;
    }
    .box1 .p{
        width: 306px;
        margin-top: 10px;
        margin-left: 10px;
    }
    .box {
        position: relative;
    }
    .box a{
      padding-top: 10px;
      text-decoration: none;
      width: 120px;
      height: 50px;
      font-size: 18px;
      border: 1px solid #333;
      border-radius: 20px;
      color: #333;
      position: absolute;
      bottom: -233px;
      right: 130px;
    }
    .box .p1{
      text-align: center;
      margin: 0px;
    }
</style>